<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈流立方</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="bookmark" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/font-awesome/4.7.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/jquery-ui.custom.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fullcalendar.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/screen.css" />
		<!-- ace settings handler -->
		<script src="${request.contextPath}/static/assets/js/ace-extra.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/user/index.js"></script>
	</head>

	<body class="skin-2">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">

				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<div style="margin-left:5%;width:100%;">
							<i><img src="${request.contextPath}/static/assets/images/logo.png" style="width:17%;"/></i>&nbsp;&nbsp;&nbsp;&nbsp;
							驴妈妈流立方
						</div>
					</a>
				</div>

					<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="dropdown-modal">
							<input type = 'hidden' id = "currentUrl" value ="${request.contextPath}">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<!-- <img class="nav-user-photo" src="${request.contextPath}/static/assets/avatars/user.jpg" alt="Jason's Photo" /> -->
								<span class="user-info">
									<small>Welcome,</small>
									${currentUser.name}
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="${request.contextPath}/logout">
										<i class="ace-icon fa fa-power-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state compact">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

			<ul class="nav nav-list">
				<#list menus as menu>
					<#if menu.parentId=='1' && menu.isShow==1>
						<li class="hover" menu1Id="${menu.id!}" title="${menu.name!}" url="${request.contextPath}${menu.href!}">
							<a href="#" class="dropdown-toggle"   
							<#if menu.href?? && menu.href!="" > onclick="activeMenu(this, '${request.contextPath}${menu.href!}')"</#if>>
								<i class="menu-icon fa ${menu.icon}"></i>
								<span class="menu-text">${menu.name!} </span>

								<b class="arrow fa fa-angle-down"></b>
							</a>
							<b class="arrow"></b>

	 						<#if !menu.href?? ||  menu.href=='' >
							<ul class="submenu">
								<#list menus as menu2>
									<#if menu2.parentId==menu.id && menu2.isShow==1>
									<li class="hover" menu2Id="${menu2.id!}" title="${menu2.name!}" url="${request.contextPath}${menu2.href!}">
										<a href="javascript:void(0);" onclick="activeMenu(this, '${request.contextPath}${menu2.href!}')">
											<input type="hidden" name="menu2" value="${menu2.href!}">
											<i class="menu-icon fa fa-caret-right"></i>
											${menu2.name!}
										</a>
										<b class="arrow"></b>
										<#if !menu.href?? || menu2.href=="">
										<!--<ul class="submenu can-scroll ace-scroll scroll-disabled">-->
											<ul class="submenu">
											<#list menus as menu3>
												<#if menu3.parentId==menu2.id && menu3.isShow==1>
													<li class="hover" menu3Id="${menu3.id!}" title="${menu3.name!}" url="${request.contextPath}${menu3.href!}">
													<a href="javascript:void(0);" onclick="activeMenu(this, '${request.contextPath}${menu3.href!}')">
														<input type="hidden" name="menu3" value="${menu3.href!}">
														<i class="menu-icon fa fa-caret-right"></i>
														${menu3.name!}
													</a>
														<b class="arrow"></b>
													</li>
												</#if>
											</#list>
										</ul>
										</#if>
									</li>
									</#if>
								</#list>
							</ul>
							</#if>
						</li>
					</#if>
				</#list>
				</ul><!-- /.nav-list -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>
			</div>
			<div class="main-content">
				<div class="page-content">
                    <div class="row">
                        <div class="col-xs-12">
                            <ul class="nav nav-tabs" role="tablist">
                            	 <li class="active"><a href="#index" role="tab" data-toggle="tab">首页</a></li>
                            </ul>
                            <div class="tab-content" style="border:0px;padding-left: 0px!important;padding-top: 5px!important;">
                            	<div role="tabpanel" class="tab-pane active" id="index">
                            		<div class="breadcrumbs ace-save-state" id="breadcrumbs" style="margin:0px 0px 0px!important;">
										<ul class="breadcrumb">
											<li>
												<i class="ace-icon fa fa-home home-icon"></i>
												<a href="#">首页</a>
												<small>
													<i class="ace-icon fa fa-angle-double-right"></i>
														看板
												</small>
											</li>
										</ul><!-- /.breadcrumb -->
									</div>
                            		<div class="page-content" >
										<!-- <div class="page-header">
											<h1>
												首页
												<small>
													<i class="ace-icon fa fa-angle-double-right"></i>
														日历
												</small>
											</h1>
										</div>/.page-header -->

										<div class="row">
											<div class="col-xs-12">
												<!-- PAGE CONTENT BEGINS -->
												<div class="row">
													<div class="col-xs-12">
														<!-- PAGE CONTENT BEGINS #1b1b1b -->
														<div style="background: #044161;">
															<div class="col-sm-12">
																<div id="map" style="width: 100%; height: 82em;"></div>
																<div class="col-sm-3" style="position: absolute; z-index: 3; left: 15px; top: 7em;">
																	<div class="title">地区订单</div>
																</div>
																<div id="main1" class="col-sm-3"
																	 style="height: 25em; position: absolute; z-index: 3; left: 25px; top: 12em;"></div>
																<div class="col-sm-6 col-sm-offset-3 themeimg">
																	<div class="theme">技术平台中心</div>
																</div>
																<div id="time" class="col-sm-6 col-sm-offset-3"></div>
																<div class="col-sm-4 col-sm-offset-4" style="display: flex;align-items: center;justify-content: center;position: absolute; z-index: 3;top: 13em;height: 3.5em;">
																	<div id="orderQuantity"></div>
																	<div style="color: yellow; font-weight: normal;font-family: 'Microsoft Yahei'; font-size: 20px;padding-left:5px;"><span style="font-size: 18px; ">订单总量(已支付)</span><br><span id="totalOrderQuantity"></span></div>
																</div>
																<div class="col-sm-3" style="position: absolute; z-index: 3; top: 40em;">
																	<div class="title">订单统计</div>
																</div>
																<div class="col-sm-3 col-sm-offset-6" style="position: absolute; z-index: 3; top: 52em;">
																	<div class="title">订单占比</div>
																</div>
																<div class="col-sm-3" style="position: absolute; z-index: 3; right: 15px; top: 41em;">
																	<div class="title">运营商</div>
																</div>
																<div id="main7" class="col-sm-5"
																	 style="height: 32em; position: absolute; z-index: 3; left: 15px; bottom: 6em;"></div>
																<div id="main8" class="col-sm-3"
																	 style="height: 30em; position: absolute; z-index: 3; right: 15px; bottom: 6em;"></div>
																<div id="main9" class="col-sm-3 col-sm-offset-6"
																	 style="height: 30em; position: absolute; z-index: 3; bottom: 40px;"></div>
																<div class="col-sm-3" style="position: absolute; z-index: 3; right: 15px; top: 7em;">
																	<div class="title">热门景区</div>
																	<table class="table"  style="border: none; margin-top:20px;">
																		<thead>
																		<tr>
																			<th style="text-align:left;padding-left:20px;">序号</th>
																			<th>景点门票</th>
																			<th style="text-align:right;padding-right:20px;">浏览量</th>
																		</tr>
																		</thead>
																	</table>
																	<div id="demo" class="demo">
																		<table class="table1" style="color: white;width:100%; ">
																			<tbody id="demo1">
																			</tbody>
																			<tbody id="demo2"></tbody>
																		</table>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<!-- PAGE CONTENT ENDS -->
											</div><!-- /.col -->
										</div><!-- /.row -->
									</div><!-- /.page-content -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>

			<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="bigger-120">
							<i><img src="${request.contextPath}/static/assets/avatars/logo.png" /></i>
							<span class="pink bolder">驴妈妈</span>
							流立方 &copy; 2008-2017
						</span>
					</div>
				</div>
			</div>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${request.contextPath}/static/assets/js/bootstrap.min.js"></script>
		<!-- basic scripts -->
		<script src="${request.contextPath}/static/assets/js/jquery-ui.custom.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.easypiechart.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.sparkline.index.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.pie.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.resize.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootstrap-tab.js"></script>
		<script src="${request.contextPath}/static/assets/js/moment.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/fullcalendar.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootbox.js"></script>

		<!-- ace scripts -->
		<script src="${request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace.min.js"></script>
		<!-- user scripts -->
		<script src="${request.contextPath}/static/assets/js/user/base.js"></script>
		<script type="text/javascript"
				src="${request.contextPath}/static/javascripts/echarts.js"></script>
		<script type="text/javascript"
				src="${request.contextPath}/static/javascripts/bmap.js"></script>
		<!--<script type="text/javascript"
				src="http://api.map.baidu.com/api?v=2.0&ak=VIqafisYEvp6E0j0j0DeWkny&s=1"></script>-->
		<script type="text/javascript"
				src="http://api.map.baidu.com/api?v=2.0&ak=53oVIOgmSIejwV7EfphPgTynOZbIiVYu"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				var date = new Date();
				var d = date.getDate();
				var m = date.getMonth();
				var y = date.getFullYear();


				var calendar = $('#calendar').fullCalendar({
					//isRTL: true,
					//firstDay: 1,// >> change first day of week

					buttonHtml: {
						prev: '<i class="ace-icon fa fa-chevron-left"></i>',
						next: '<i class="ace-icon fa fa-chevron-right"></i>'
					},

					header: {
						left: 'prev,next today',
						center: 'title',
						right: 'month,agendaWeek,agendaDay'
					},
				});

			});
		</script>
		<script type="text/javascript" src="${request.contextPath}/static/javascripts/screen.js"></script>
	</body>
</html>